<!--双向绑定展示区域-->
<h1>Drop组件, 宽度可指定，高度随内容（但可以设置最大高度）。 如果浏览器可用空间不够，内部更改的最大高度值随浏览器空间</h1>
<!--测试用例1 数据不分组-->
<label><strong>1.panelWidth='justified'</strong></label>
<br />
<br />
<br />
<br />
<span style="display: inline-block; width: 200px; height: 200px；">改变位置：</span>
<span>
  <input #dominator style="width: 200px" (click)="drop.toggle()" />
  <ti-drop #drop [dominatorElem]="dominator" panelWidth="justified" panelMaxHeight="300px">
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
    <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  </ti-drop>
</span>
<br />
<label><strong>2.panelWidth='300px'</strong></label>
<br />
<br />
<input #dominator2 style="width: 200px" (click)="drop2.toggle()" />
<ti-drop #drop2 [dominatorElem]="dominator2" panelWidth="300px" panelMaxHeight="300px">
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
</ti-drop>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<label><strong>3.panelWidth='auto'</strong></label>
<br />
<input #dominator3 style="width: 200px" (click)="drop3.toggle()" />
<br />
<ti-drop #drop3 [dominatorElem]="dominator3" panelWidth="auto" panelMaxHeight="300px">
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
</ti-drop>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p>hahah</p>

<label><strong>4.[fixMaxHeight]="true" theme='noborder' panelAlign='right'</strong></label>
<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input #dominator4 style="width: 200px" (click)="drop4.toggle()" />
<br />
<ti-drop
  #drop4
  [dominatorElem]="dominator4"
  [fixMaxHeight]="true"
  theme="noborder"
  panelWidth="auto"
  panelMaxHeight="300px"
  panelAlign="right"
>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
  <p>哈奥德发送到发送到发送到发送到发送到发送到发送到发送到到打发斯蒂芬</p>
</ti-drop>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<p>hahah</p>
